<%@ page contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <title>首页</title>
</head>

<%--<body>--%>
<%--<div>--%>
    <%--<span>个人姓名：</span><input id="name" name="name" type="text"/>--%>
    <%--<button type="button">提交申请</button>--%>
<%--</div>--%>
<%--</body>--%>
<%--<script src="js/jquery.min.js"></script>--%>
<%--</html>--%>
<body>
<form  method="post">
    <%--<label>name</label><input name="name" id="name"><br/>--%>
    <%--<label>yzm</label><input name="code" id="code"><img  id="img"><br/>--%>

    <label>tel</label><input name="tel" id="tel"><button type="button" id="yanzheng">获取短信验证码</button><br/>
    <label>smsCode</label><input name="smsCode" id="smsCode"><br/>
    <button type="button" id="tijiao">提交</button>
    <input id="jsession" type="hidden"/>
</form>
</body>
<script src="../js/jquery.min.js"></script>
<script>


    //        $.ajax({
    //            type: "post",
    //            url: "http://localhost:8080//get_imgcode.do",
    //            dataType: "jsonp",
    //            xhrFields: {
    //                withCredentials: true
    //            },
    //            jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
    //            jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
    //            success: function(json){
    ////                alert(json.img);
    ////                $("#img").attr('src',"http://localhost:8080/"+json.img);
    //                $("#jsession").val(json.jsid);
    //            },
    //            error: function(){
    //                alert('fail');
    //            }
    //        });



            $('#tijiao').click(function () {
                var jsid = $("#jsession").val();
                $.ajax({
                    type: "post",
                    url: "http://localhost:8081/api/consult/add1.do;jsessionid="+jsid,
                    dataType: "jsonp",
                    xhrFields: {
                        withCredentials: true
                    },
                    data: {code:  $("#code").val(),smsCode:$("#smsCode").val(),tel: $("#tel").val()},
                    jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
                    jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
                    success: function(json){

                    },
                    error: function(){
                        alert('fail');
                    }
                });
            });

    //        $('#tijiao').click(function () {
    //            $.ajax({
    //                type: "post",
    //                url: "http://a.com/api/consultCheckCode.do",
    //                dataType: "jsonp",
    //                data: {code:  $("#code").val()},
    //                jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
    //                jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
    //                success: function(json){
    //
    //                },
    //                error: function(){
    //                    alert('fail');
    //                }
    //            });
    //        });


    //获取短信验证码之前，验证图形验证码是否输入正确
            $('#yanzheng').click(function () {
                var jsid = $("#jsession").val();
                $.ajax({
                    type: "post",
                    url: "http://localhost:8081/api/get_sms_code2.do;jsessionid="+jsid,
                    dataType: "jsonp",
                    xhrFields: {withCredentials: true},
                    data: {tel: $("#tel").val()},
                    jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
                    jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
                    success: function(json){

                    },
                    error: function(){
                        alert('fail');
                    }
                });
            });

</script>
</html>